<!DOCTYPE HTML >
<html>
    <head>
        <title>分组选择器</title>
        <meta charset='utf-8'>
        <style type='text/css'>
            p,span {
                color:red;
                border:1px blue solid;
            }
        </style>
        <link rel='stylesheet' type='text/css' href='../css/c1.css'>
    </head>
    <body>
    <div class='title'>分组选择器</div>
    组合选择器只是一种组合形式，在实际中经常使用。<br/>
    我们使用的时候一般用在重复出现并且样式相同的一些标签里，比如 li td dd等
    <div class='title'>代码示例</div>
    <div class='code'>
    <pre>
        &lt;style type='text/css'&gt;
             p,span {
                color:red;
                border:1px blue solid;
            }
          &lt;/style&gt;
        &lt;p &gt;测试代码&lt;/p&gt;
        &lt;span&gt;测试代码&lt;/span&gt;
    </pre></div>
    <div class='title'>效果</div>
    <div class='result'>
    <p>测试代码</p>
    <span>测试代码</span>
    </div>
    </body>
</html>